<!doctype html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Baidu Maps</title>
	<style>
		html {
			height: 100%
		}

		body {
			height: 100%;
			margin: 0;
			padding: 0;
			background-color: #FFF
		}
	</style>
	<script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script>
	<script>
		var map, geocoder;
		function initialize() {
			map = new BMap.Map('map_canvas');
			var point = new BMap.Point(121.473704, 31.230393);
			map.centerAndZoom(point, 11);
			map.addControl(new BMap.NavigationControl());
			map.enableScrollWheelZoom();

			var gc = new BMap.Geocoder();
			gc.getLocation(point, function (rs) {
				var addComp = rs.addressComponents;
				var address = [addComp.city].join('');
				parent.document.getElementById("kindeditor_plugin_map_address").value = address;
			});
		}
		function search(address) {
			if (!map) return;
			var local = new BMap.LocalSearch(map, {
				renderOptions: {
					map: map,
					autoViewport: true,
					selectFirstResult: false
				}
			});
			local.search(address);
		}
	</script>
</head>
<body onload="initialize();">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
